<ion-header>
  <ion-navbar>
    <ion-title>
      我的
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
	<div class="nav">
    <p><img src="../src/pages/contact/img/yifu.png"></p>
  </div>
 <div class="top">
 	<p class="tp"><img src="../src/pages/contact/img/top.png"></p>
 	<p class="user">用户名</p>
 	<p class="name">用户签名测试你字文字文字文字文字文字文字</p>
 </div>
 <hr style="height: 10px; margin: 0px;" />
       <div class="list">
        <p class="l list1" href="#" (click)="xiaoxi()">
          	<img src="../src/pages/contact/img/xinxi.png" class="img">
          <i class="zt">我的消息&nbsp;</i>
          <i class="img1"><img src="../src/pages/contact/img/3.png"></i>
        </p><!--内容1的end-->
        <hr style="height: 1px;"/>
        <!--内容2的start-->
        <p class="l list2" (click)="collection()" >
          <img src="../src/pages/contact/img/sc.png" class="img">
          <i class="zt">我的收藏</i>
        </p>
        <hr style="height: 1px;"/>
        <p class="l list3" href="#" (click)="dohistory()">
          <img src="../src/pages/contact/img/lishi.png" class="img">
          <i class="zt">收听历史</i>
        </p>
        <hr style="height: 10px;"/>
        <p class="l list4" href="#" (click)="set()">
          <img src="../src/pages/contact/img/shezhi.png"class="img">
          <i class="zt">设置</i>
        </p><!--内容2的end-->


      </div>
</ion-content>
